<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XXX的主页</title>
  <style>
    body{
      /*background-color:#11BBEE;*/
      /*background-color: #33d3d3;*/
      margin:0px;
      background-image:url(../picture/15.jpg);
      background-size:100% 100%;
      background-attachment: fixed;
      /*background-image-z-index: -1;*/
      background-repeat:no-repeat;
    }
    h1{
      text-align:center;
    }
    div.a{
      float:left;
      position:relative;
      left:50%;

    }
    div.b {

      position: relative;
      left: -50%;

    }
    .center {
      margin: auto;
      width: 50%;
    }
    p{
      font-size: 20px;
    }
  </style>
</head>
<body>
<audio controls autoplay loop id="vd" style="display: inline">
  <source src="music/love.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>
<h1 style="text-align:center;margin-top:0;">XXX的主页</h1>

<!--<div style="border-style: dashed;border-color: #00ccff;clear: both"></div>
-->
<div class="a" style="margin-top: 25px">
  <div class="b" style="">
    <div style="text-align: center">
      <a href="self_introduction.html"><img src="../picture/20.jpg" style="border-radius:50%;width: 100px;height: 100px;"></a>
      <a href="self_favor.html"><img src="../picture/23.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
      <a href="self_score.html"><img src="../picture/24.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
      <a href="favorites.html"><img src="../picture/25.jpg" style="border-radius:50%;width: 100px;height: 100px;margin-left: 50px"></a>
      <br />
      <p style="display:inline;margin-left: -8px;">个人简介</p>
      <p style="display:inline;margin-left: 70px;">个人爱好</p>
      <p style="display:inline;margin-left: 70px;">个人成就</p>
      <p style="display:inline;margin-left: 82px;">个人收藏夹</p>
      <p style="color: green;margin-top:5%;font-size: 22px;">点击对应图片即可跳转</p>
      <table style="">
        <tr>
          <td style="width: 400px">
            <p style="display:inline;margin-left:-100px;color: red;text-shadow:1px 0px #43798d;font-size: 30px">"梦想与现实之间的距离叫行动"</p>
            <p style="font-family:'Times New Roman',serif;margin-left:-100px;color: red;font-style:italic;text-shadow:2px 0px #43798d;font-size: 25px">"The distance between a dream and a reality is called action"</p>
          </td>
        </tr>
        <tr>
          <td style="width: 400px">
            <p style="display:inline;color: blue;margin-left:-500px;text-shadow:2px 0px #43798d;font-size: 25px">"减少期待，调整心态"</p>
            <p style="font-family:'Times New Roman',serif;margin-left:-500px;color: blue;font-style:italic;text-shadow:2px 0px #43798d;font-size: 25px">"Reduce expectations and adjust your mindset"</p>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>
</body>
</html>
